﻿body, input, button, select, option {
	font-family: Georgia, "Palatino Linotype", Sylfaen, Tahoma, serif;
	font-size: 16pt;
}

button {
    cursor: pointer;
    cursor: hand;
}

body  {
	background-color: #CCCCFF;
}

table {
	border: 0px;
}

td {
	text-align: center;
	vertical-align: middle;
	border: 0px solid black;
}

div.centered  {
	margin-left: auto;
	margin-right: auto;
}

.hr {
	width: 400px;
	height: 0px;
	border-top: 1px solid navy;
}

.placeholder {
	background-color: #9999FF;
}

.displaynone {
	display: none;
}

.visibilityhidden {
	visibility: hidden;
}

.leftalign {
	text-align: left;
	vertical-align: top;
}

a:visited, a:link {
	color: blue;
}

a:hover, a:active {
	color: green;
}

td.header {
	padding: 15px;
}

span.header {
    font-family: Helvetica, Tahoma, Verdana;
	font-size: 20pt;
	font-weight: bold;
}

span.subheader {
    font-size: 9pt;
    font-style: italic;
    color: #666666;
}

span.smallnote {
    font-size: 9pt;
    color: #666666;
}

td.content {
	padding: 20px;
}

td.footer {
	font-size: 9pt;
	padding: 15px;
}

span.smallheader {
	font-size: 14pt;	
}

.barbershops_ul li {
	margin-bottom: 15px;
}

.alert {
	 background-color: white;
	 border: 5px solid red;
	 padding: 20px;
}

#progress_div { position:relative; width:400px; /*border: 1px solid #ddd;*/ padding: 1px; border-radius: 3px; }
#progress_bar { background-color: #6666FF; width:0%; height:25px; border-radius: 3px; }
#progress_percent { position:absolute; top:0px; left:45%; /*display:inline-block; /*top:2px; left:48%;*/ }

#haircut_gallery_container, #collage_gallery_container {
    width: 1200px;
    overflow-x: auto;
}

.gallery_cell {
    padding: 3px;
    cursor: pointer;
    cursor: hand;
}

.gallery_selected_cell {
    background-color: #EEEEFF;
}

.gallery_hovered_cell {
    background-color: #CCCCFF;
}

.face_image {
    margin-top: 30px;
}

#large_collage_div {
    width: 80%;
    height: 100%;
}

.large_collage_image {
    margin-top: 30px;
    margin-bottom: 30px;
}

 .formtable td {
    text-align: left;
 }

 td.centercontent {
    text-align: center;
 }
/*
	font.header {font-size: 14pt}
	li {font-size: 12pt}
	
	.top-left {background: #ADC7FF url("img/top-left.gif") top left no-repeat;}
	.top-right {background: url("img/top-right.gif") top right no-repeat;}
	.bottom-left {background: url("img/bottom-left.gif") bottom left no-repeat;}
	.bottom-right {background: url("img/bottom-right.gif") bottom right no-repeat;}
	.content {padding-left: 20px; padding-right: 20px; padding-top: 5px; padding-bottom: 10px; border: 2px dashed #7777FF;}*/